<div class="f-utils-fill-flex-column h-100 method-panel" #commandSelector>
  <div class="method-toolbar">
    <div class="toolbar-item" (click)="openMetadataSelector()">
      <div class="toolbar-item-icon toolbar-item-icon-add"></div>
      <span class="toolbar-item-text">添加控制器</span>
    </div>
  </div>

  <div class="f-utils-fill grid-panel">
    <farris-treetable #webcmdsTree [data]="webcmdsData" [columns]="webcmdsCols" [idField]="'id'" [striped]="false"
      [singleSelect]="false" [checkOnSelect]="true" [selectOnCheck]="true" [showIcon]="false" [showFilterBar]="false"
      [fit]="true" [showCheckbox]="true" [width]="'100%'" [height]="'100%'" [fixedHeader]="true" [showCheckAll]="false"
      (nodeSelected)="cmdTreeNodeClicked($event)">
    </farris-treetable>


  </div>
</div>

<ng-template #modalFooter>
  <button class="btn btn-secondary" (click)="cancel()">取消</button>
  <button class="btn btn-primary" (click)="confirm()">确定</button>
</ng-template>